html, body { color:#222; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; margin:0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
img { border:0; }
ol, ul { list-style: none outside none; margin:0; padding: 0; }
a { color:#000000; text-decoration: none; }
.clr { display:block; clear:both; height:0; overflow:hidden; }
.copyright { padding:8px; text-align:center; font-size:14px; color:#fff; }
.copyright a { color:#fff; }
h2 { font-size:16px; }
body { background:-webkit-gradient(linear, 55% 100%, 55% 0%, from(#112d5f), to(#1f70a8)); }
body .mainmenu:after { clear: both; content: " "; display: block; }
body .mainmenu { width:100%; margin: auto; padding:0px; overflow:hidden }
body .mainmenu li { float:left; margin-left: 5%; margin-top: 5%; width: 42.5%; }
body .mainmenu li a { display:block; overflow:hidden }
body .mainmenu li a p { background-color:#fff; border-radius:7px; text-align:center; position:relative; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.35);padding-bottom: 10px;}
body .mainmenu li a p:after { bottom:-6px; border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0px; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left:50%; margin-left:-3px;}
body .mainmenu li a p img { margin:20px auto 7px; width:30px; height:30px; }
body .mainmenu li a p span { clear:both; display:block; margin:auto; width:80%; height: 32px; line-height:16px; overflow:hidden; text-align:center; color:#505359; font-size:12px; }
body .mainmenu li b { display:block; margin-top:15px; text-align:center; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background-color: rgba(0, 0, 0, 0.35); border-radius:4px; font-weight:normal; padding:0px 10px; color:#FFF }